<template>
  <div class="qj">
    <div class="top">
      <div class="head">
        <div class="head-left">
          <strong>
            <i></i>
            <span class="strong">152课时SAP MM培训招生-资深讲师Catheline授课</span>
          </strong>
          <span class="dian">
            <u>主页 » SAP文库 » 培训</u>
          </span>
        </div>
        <div class="head-right" >
          <img src="../../assets/cty-image/02.jpg" />
        </div>
      </div>
    </div>
    <!-- 内容 -->
    <div class="center" style="  overflow: hidden;">
      <!-- 左边文章内容区域 -->
      <div class="center-left">
        <!-- 左上角作者，发文日期 -->
        <div class="center-left-t"></div>

        <h4>SAP MM网络培训课程招生</h4>
        <p>
          授课时间： 总计152课时，周日下午14:00-18:00远程授课，
          <span
            style="background-color:#ffff00;"
          >一三五晚上19:00-21:00答疑。</span>
        </p>

        <p>讲师介绍： Catheline讲师拥有20多年IT领域的工作经验，善于信息化诊断，数据分析。2年培训机构和客户现场SAP培训经验， 1.5年网络培训经验。 讲课内容安排合理， 逻辑层层递进。</p>

        <p>招生对象：刚毕业的学生或者已经踏上工作岗位对SAP的感兴趣想介入SAP领域的或者是内部做SAP支持的或者其他模块的顾问想要深入了解SAP的MM模块的人员。</p>

        <p>收费标准：7000RMB/人; 三个人组团报名：6500／人；前三名报名的学员6500／人</p>

        <p>报名参加学习的学员将会获得1年的免费学习账号；价值1000的4天的MM PA试题讲解视频一套。不报名需要该视频的需要缴费1000元。</p>
        <p class="red">报名咨询： 有意向的同学请联系刀客微信ficodk进行咨询和报名。</p>
        <span>课程内容： 本课程教材使用SAP刀客原创FICO教程，以刀客和Jessie顾问共同实施过的的某典型制造业项目为主线，</span>
        <br />
        <span class="hs">全面重现刀客原创Kill FICO系列教程</span>
        <br />
        <br />
        <a class="zt">*更详细的课程内容介绍请参阅kill fico系列课程目录</a>
        <p>
          报名
          <span style="color:rgb(255,0,0);">赠送</span>最新版FICO PA教程完整版（非网络流传的老版），
          <span style="color:rgb(255,0,0);">赠送本站所有SAP项目资料</span>
        </p>
        <table>
          <tbody>
            <tr class="ue-table-interlace-color-single firstRow">
              <td
                valign="top"
                rowspan="1"
                colspan="1"
                style="word-break: break-all; border-width: 1px; border-style: solid;"
              >
                <strong>主题</strong>
              </td>
              <td
                valign="top"
                rowspan="1"
                colspan="1"
                style="word-break: break-all; border-width: 1px; border-style: solid;"
              >
                <strong>内容</strong>
              </td>
            </tr>
            <tr class="ue-table-interlace-color-double">
              <td
                width="50%"
                valign="top"
                style="word-break: break-all; border-width: 1px; border-style: solid;"
              >
                <p>
                  <span style="font-family: 微软雅黑">SAP</span>
                  <span style="font-family: 微软雅黑">ECC6+EHP6+GUI</span>
                  <span style="font-family: 微软雅黑">软件</span>
                  <span style="font-family: 微软雅黑">下载</span>
                  <span style="font-family: 微软雅黑">及环境搭建</span>
                </p>
                <p>
                  <span style="font-family: 微软雅黑">SAP Overview</span>
                  <span style="font-family: 微软雅黑">（服务器连接</span>
                  <span style="font-family: 微软雅黑">，基本操作方法，</span>
                  <span style="font-family: 微软雅黑">用户设置）</span>
                </p>
              </td>
            </tr>
            <tr>
              <td
                width="30%"
                valign="top"
                style="word-break: break-all; border-width: 1px; border-style: solid;"
              >FICO组织架构及设置</td>
              <td
                width="50%"
                valign="top"
                style="word-break: break-all; border-width: 1px; border-style: solid;"
              >
                <p>
                  <span style="font-family:微软雅黑;color:black">FICO</span>
                  <span style="font-family:微软雅黑;color:black">相关组织</span>
                  <span style="font-family:微软雅黑;color:black">架构的</span>
                  <span style="font-family:微软雅黑;color:black"></span>
                </p>
              </td>
            </tr>
          </tbody>
        </table>
        <div class="bd">
          <div class="hh">
            <p>本文原始地址：http://www.sapdoc.cn/sap/theme/1179.html</p>
            <p>转载请注明出处来自</p>
          </div>
        </div>
        <div class="row">
          <div class="tu1">
            <img src="../../assets/cty-image/03.jpg" alt style="width:108px;height:150px;" />
            <span>SAP Press-Maximizing Cash Management with SAP ERP Financials</span>
          </div>
          <div class="tu2">
            <img src="../../assets/cty-image/04.jpg" alt style="width:108px;height:150px;" />
            <span>SAP Press - SAP Business Planning and Consolidation 3rd edition</span>
          </div>
          <div class="tu3">
            <img src="../../assets/cty-image/05.jpg" alt style="width:108px;height:150px;" />
            <span>SAP Press - Demand and Supply Planning with SAP APO</span>
          </div>
          <div class="tu4">
            <img src="../../assets/cty-image/06.jpg" alt style="width:108px;height:150px;" />
            <span>SAP Press - Getting Started with SAPUI5</span>
          </div>
          <div class="tu5">
            <img src="../../assets/cty-image/07.jpg" alt style="width:108px;height:150px;" />
            <span>SAP Press - Configuring Sales and Distribution in SAP ERP</span>
          </div>
          <div class="tu6">
            <img src="../../assets/cty-image/08.jpg" alt style="width:108px;height:150px;" />
            <span>SAP Press - ABAP Object Services</span>
          </div>
        </div>
        <div class="db">
          <div class="db-left">
            <img src="../../assets/cty-image/111.jpg" />
            <u>上一篇</u>
            <span>AA固定资产|概述</span>
          </div>

          <div class="db-right">
            <img src="../../assets/cty-image/222.jpg" />
            <u>下一篇</u>
            <span>SAP文库FICO培训招生-SAP刀客团队授课（公开课当日报名超级优惠）</span>
          </div>
        </div>
      </div>

      <!-- 右边内容区域 -->
      <div class="center-right" style="overflow: hidden">
        <!-- 右边第一8个课程介绍 -->
        <div class="center-right-top">
          <div class="center-right-top-one">
            <h4>SAP ABAP&HANA高级开发顾问课程</h4>
          </div>
          <div class="center-right-top-too">
            <p style="color:#f08282;">» 讲师自行整理教材+SAP官方PA教材</p>
            <p style="color:#f08282;">» 仅限10名超员退费</p>
            <p style="color:#f08282;">» 讲师自行整理教材+SAP官方PA教材</p>
            <p>» 讲师自行整理教材+SAP官方PA教材</p>
            <p>» 入职日本合作企业全额返还学费</p>
          </div>
        </div>
        <!-- 右边第二个课程介绍 -->
        <div class="center-right-center">
          <div class="center-right-center-one">
            <h4>SAP刀客FLCO高级顾问课程</h4>
          </div>
          <div class="center-right-center-too">
            <p style="color:#9400d6;">» 刀客Kill FICO原创系列教程完全重现</p>
            <p>» 两名讲师+一名Basis豪华讲师阵容</p>
            <p>» 业内最低价格最高性价比</p>
            <p>» 符合条件的学员可包就业</p>
          </div>
        </div>
        <!-- 右边第三个课程介绍 -->
        <div class="center-right-bottom">
          <div class="center-right-bottom-one">
            <h4>SAP刀客FLCO高级顾问课程</h4>
          </div>
          <div class="center-right-bottom-too">
            <p>» 20年以上IT经验的专职讲师Catheline</p>
            <p>» 讲师原创MM教程系列</p>
            <p>» 一对一答疑随时解决各种疑难杂症</p>
            <p>» 符合条件的学员可包就业</p>
          </div>
        </div>
        <!-- 右边第四个 -->
        <div class="cen" style="">
            <div
          class="col-sm-12 hidden-xs clear"
          style="background-color:#fff;margin-top:10px;padding:10px 5px 0px 5px;border:solid;border-color:#e7e7e7;border-width:1px">
          <div
            class="col-sm-12 clear"
            style="margin-bottom:5px;padding:5px 5px 10px 5px;border-bottom-style:solid;border-bottom-color:#e7e7e7;border-bottom-width:1px">
            <span
              style="padding-bottom:10px;margin-bottom:-10px;border-bottom-color:#f98181;border-bottom-style:solid;border-bottom-width:2px;font-size:14px">
              <strong>
                <a href="/pj" target="_blank">热门图书</a>
              </strong>
            </span>
          </div>
          <!-- <div id="container" class="col-sm-12" style="padding:0px">
            <div class="col-sm-6" style="margin:0px;padding:5px 5px 0px 5px;">
                    <a href="/1.html" style="font-size:12px">
                        <img src="picture/6362395811083882045217056.jpg" class="img-responsive" />
                        《Kill SAP FICO》from SAP刀客
                    </a>
            </div>
          </div>-->
          <!-- 瀑布流 -->
          <waterfall
            style="height: 100%;"
            :col="col"
            :width="itemWidth"
            :gutterWidth="gutterWidth"
            :data="imgList"
          >
            <template>
              <div
                id="container"
                class="col-sm-10"
                style="padding:0px"
                v-for="item in imgList"
                :key="item.id"
              >
                <div class="col-sm-6" style="margin:0px;padding:5px 5px 0px 5px;">
                  <a href="#" style="font-size:12px;display: inline-block;width:127px">
                    <img :src="item.src" style="width:140px  " class="img-responsive" />
                    <span style="width:100%">{{item.title}}</span>
                  </a>
                </div>
              </div>
            </template>
          </waterfall>
        </div>
      
        </div>
      </div>
    </div>
    <div class="footer" style="text-align: center;height:100px;background-color:#2e2e2e;font-size:14px;">
        本站所有电子书全部来自于互联网，欢迎大家给小编投稿+V:FICODK
        <p>© 2018 All Rights Reserved by SAPDOC.cn. | <a href="http://www.miitbeian.gov.cn/" style="color:#e5e5e5;font-size:14px">沪ICP备17005776号-3</a></p>
    </div>
  </div>
</template>

<script>
export default {
  data(){
    return{
      itemWidth: null,
      gutterWidth: 5,
      col: 2,
      imgList: []
    }
  },
  methods:{
    async getImages() {
      // 发起请求  获取瀑布流数据
      const { data: res } = await this.$axios.get("/push");
      console.log(res);
      // 修改图片路径
      res.data.forEach(item => {
        item.src = item.src.replace(
          "../../assets",
          "http://127.0.0.1:8989/public/images"
        );
      });
      this.imgList = res.data;
    }
    
  },
  created(){
    this.getImages();
  }
}
</script>

<style scoped>
.qj{
  background-color: #fcf8e3;
}
.db-left u {
  position: relative;
  top: -8px;
  left: 5px;
}
.db-left span {
  position: relative;
  top: 14px;
  left: -34px;
}
.db-right u {
  position: relative;
  top: 8px;
  left: 375px;
}
.db-right span {
  position: relative;
  top: 29px;
  left: 2px;
}

.db-left {
  width: 180px;
  height: 26;
  float: left;
}
.db-right {
  width: 460px;
  height: 30px;
  float: right;
}
.db-right img {
  float: right;
  margin-top: 10px;

  margin-right: 10px;
}
.db-left img {
  margin-top: 10px;
  margin-left: 10px;
}
.db {
  width: 759px;
  height: 62px;
  background-color: #f8f8f8;
  margin-left: -11px;
  margin-bottom: -12px;
  font-size: 12px;
}
.row span {
  font-size: 1px;
}
.tu1 {
  width: 125px;
  height: 221px;
  float: left;
  margin-left: 17px;
}
.tu2 {
  width: 113px;
  height: 221px;
  float: left;
  margin-left: 10px;
}
.tu3 {
  width: 113px;
  height: 221px;
  float: left;
  margin-left: 10px;
}
.tu4 {
  width: 113px;
  height: 221px;
  float: left;
  margin-left: 10px;
}
.tu5 {
  width: 113px;
  height: 221px;
  float: left;
  margin-left: 10px;
}
.tu6 {
  width: 113px;
  height: 221px;
  float: left;
  margin-left: 10px;
}

.qj {
  width: 100%;
  height: 100%x;
}
.head {
  width: 1170px;
  height: 72px;
  margin: auto;
}

.head-left {
  width: 665px;
  height: 72px;
  float: left;
  position: absolute;
  margin-left: 15px;
  margin-top: 10px;
}

.head-right {
  width: 475px;
  height: 58px;
  float: right;
  margin-top: 10px;
}

.top {
  width: 100%;
  height: 73px;
  background-color: #ffffff;
  border-bottom: 1px solid;
  border-bottom-color: #e7e7e7;
}

body {
  background-color: rgb(252, 248, 227);
}

.head {
  background-color: #ffffff;
}
.dian {
  position: relative;
  top: 30px;
  left: -426px;
  font-size: 14px;
}
.strong {
  font-size: 19px;
}
.center {
  width: 1154px;
  height: 100%;
  margin: auto;
  margin-top: 13px;
}
.center-left {
  width: 760px;
  height: 100%;
  background-color: #ffffff;
  float: left;
  border: 1px solid #e7e7e7;
  padding: 10px 10px 10px 10px;
}
.center-right {
  width: 380px;
  height: 100%;
  float: right;
}
.center-right-top {
  width: 380px;
  height: 205px;
  background-color: #ffffff;

  border: 1px solid #e7e7e7;
  padding: 10px 10px 10px 10px;
}
.center-right-center {
  width: 380px;
  height: 175px;
  background-color: #ffffff;
  margin-top: 13px;
  padding: 10px 10px 10px 10px;
  border: 1px solid #e7e7e7;
}
.center-right-bottom {
  width: 380px;
  height: 175px;
  background-color: #ffffff;
  margin-top: 13px;
  padding: 10px 10px 10px 10px;
  border: 1px solid #e7e7e7;
}
.center-left-t {
  width: 728px;
  height: 50px;
  margin: auto;
  border-bottom: 1px dashed #e7e7e7;
  margin-bottom: 5px;
}
h4 {
  font-weight: bold;
}
.red {
  color: red;
}
.center-right-top-one {
  width: 358px;
  height: 29px;
  border-bottom: solid 1px #e7e7e7;
}
.center-right-top-one h4 {
  font-weight: bold;
  color: red;
  margin: auto;
  text-align: center;
}
.center-right-center h4 {
  font-weight: bold;
  color: #9400d3;
  margin: auto;
  text-align: center;
}
.center-right-bottom h4 {
  font-weight: bold;
  color: #6b97ed;
  margin: auto;
  text-align: center;
}
.center-right-top-too {
  margin-top: 13px;
}
.center-right-center-one {
  width: 358px;
  height: 29px;
  border-bottom: solid 1px #e7e7e7;
}
.center-right-center-too {
  margin-top: 13px;
}
.center-right-buttom-one {
  width: 358px;
  height: 29px;
  border-bottom: solid 1px #e7e7e7;
}
.center-right-buttom-too {
  margin-top: 13px;
}
.hs {
  height: 27px;
  color: #ffff02;
  background-color: #0070c0;
  font-size: 17px;
  font-weight: 400;
}
.zt {
  color: #0b77c2;
  border-bottom: solid 1px #0b77c2;
}
.bd {
  /* margin-top: 103px; */
  width: 737px;
  height: 77px;
  background-color: #fcf8e3;
}
.hh {
  margin-top: 9px;
  line-height: 31px;
  padding-left: 16px;
}
.row {
  width: 760px;
  height: 250px;
  background-color: #fff0;
  margin-top: 12px;
}
.footer {
  margin-top: 20px;
    padding: 20px 0;
    color: #999;
    text-align: center;
    background-color: #f9f9f9;
    border-top: 1px solid #e5e5e5;
    margin-bottom: 0;
}
</style>